<template>
  <vxe-layout-container vertical>
    <vxe-layout-header class="layout-header">
      <Query :queryConfig="QueryConfig" @QueryEvent="handleQuery"></Query>
    </vxe-layout-header>
    <vxe-layout-body class="layout-body">
      <vxe-grid ref="childgrid" v-bind="ChildGridOptions" >
        <template #operation="{ row }">
          <vxe-button :size="componentSize" mode="text" status="primary" content="生成" @click="handleCreate(row)"
            v-if="btnPromission.create.buttonCaption" />
        </template>
        <template #zsztRender="{ row }">
          <vxe-tag v-if="row.zszt == '有效'" status="success">{{ row.zszt }}</vxe-tag>
          <vxe-tag v-else-if="row.zszt == '暂停'" status="warning">{{ row.zszt }}</vxe-tag>
          <vxe-tag v-else status="danger">{{ row.zszt }}</vxe-tag>
        </template>
      </vxe-grid>
      <vxe-pager :align="PagerConfig.align" :size="componentSize" :current-page.sync="PagerConfig.currentPage"
        :page-size.sync="PagerConfig.pageSize" :total="PagerConfig.total" @page-change="handlePageChange"></vxe-pager>

    </vxe-layout-body>
    
    <vxe-modal v-model="editModal" title="生成项目信息" :width="1120" :height="800">
        <vxe-form ref="editForm" v-bind="FormOptions" @submit="handleEditModalSubmit">
          <template #action>
          <vxe-button type="submit" status="primary">提交</vxe-button>
          <vxe-button type="reset">重置</vxe-button>
        </template>
        </vxe-form>
      </vxe-modal>

  </vxe-layout-container>
</template>
<style></style>
<script>
import CustomerSystems from './index.js';
export default CustomerSystems;
</script>
